<html>
  <head>
    <title>Whisper Muse - User Profile</title>

    <style type="text/css">
    a:link
	{
		color: yellow;
		font-family: verdana, arial, sans-serif;
	}
	a:visited
	{
		color: #006699;
		font-family: verdana, arial, sans-serif;
	}
	a:hover
	{
		color: yellow;
		font-family: verdana, arial, sans-serif;
	}
	a:active
	{
		color: #00FF99;
		font-family: verdana, arial, sans-serif;
	}

      .title
      {
        font-family: verdana, arial, sans-serif;
        font-size: 38px;
        color: yellow;
      }

      *
      {
        background-color: black;
        padding: 0;
        margin: 0;
      }

      .container
      {
        margin-left: auto;
        margin-right: auto;
        width: 900px;

        background-color: black;
        background-repeat: no-repeat;
      }

      .clear
      {

        clear: both;
        display: block;
      }

      #header
      {
        margin-top: 41px;
        margin-left: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 900px;
        height: 80px;
      }
      #toprow1
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow2
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow3
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #toprow4
      {
        margin-left: 20px;
        display: inline;
        float: left;
        position: relative;
        width: 200px;
        height: 60px;
      }
      #contentleft
      {
        margin-left: 95px;
        margin-top: 0px;
        display: inline;
        float: left;
        position: relative;
        width: 350px;
        height: 1000px;
      }
      #contentright
      {
        margin-left: 0px;
        margin-top: 50px;
        display: inline;
        float: left;
        position: relative;
        width: 300px;
        height: 1000px;
      }
    </style>
  </head>


  <body>
    <div class="container">
      <!-- Header -->
      <div id="header">
        <!-- TODO: Replace with Image
			<p class="title"><a href="home.rhtml">Whisper Muse</a></p>-->
		
        <p class="title"><%= link_to 'Whisper Muse', "home", :method => "home" %></p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "../user/my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "edit_account", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

      <!-- Content -->
      <div id="contentleft">
        <font face="verdana" size="6" color="yellow">
        <!--< image_tag "icons/delete.gif" >-->
        <%= @person.username %>
        </font>
        <font face="verdana" color="yellow">
        <br>
        <br>
		Interests:
		<br>
		<br>
		<%= @person.interests %>
		<br>
		<br>
		Bio:
		<br>
        <br>
        <%= @person.bio %>
        <br>
        <br>
		Friends:
        <!--<table border="1" width="300">
            < @recipes.each do |recipe| >
  				<tr>
  					<td><= link_to recipe.title, :action => "show", :id => recipe.id ></td>
   					<td><= recipe.category.name ></td>
  				</tr>
 				< end >
        </table>-->

        </font>
      </div>
      <div id="contentright">
        <font face="verdana" color="red">
        	Admin Options:<br>
        	<br>
        	<%= link_to 'Promote User', :action => "promote", :id => @person.id %>
        	<br>
        	<br>
        	<%= link_to 'Delete User', :action => "destroy", :id => @person.id %>
        	<br>
        	<br>
        </font>
      </div>
      <div class="clear">
      </div>
    </div>
  </body>
</html>